@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-29 16:02:17
 * @version $Id$
 */
 @import '../../../public_src/css/lessParams.less';
 html{
 	font-size: 750px;
 	display: block!important;
 	max-width: 750px;
 }
.login{
	min-height: 100%;
	background-color: #ebebeb;
	font-size: 30*@font-cale;
	color: #bdbdbd;
	padding-top:80*@font-cale;
	padding-bottom:90*@font-cale;
	overflow-x: hidden;
	a{
		color: #a8a8a8;
		text-decoration: none;
	}
	.main{
		padding-left: 70*@font-cale;
		padding-right: 70*@font-cale;
		padding-top: 300*@font-cale;
		.form{
			border: 1px solid #e4e4e4;
			box-shadow: 0 2px 4px 0px #B7B7B7;
			border-radius: 5*@font-cale;
		}
		input{
			width: 100%;
			border: none;
			height: 94*@font-cale;
			font-size: 34*@font-cale;
			color: #d0d0d0;
			padding-left: 80*@font-cale;
			background-color: #fff;
		}
		input:-webkit-autofill { 
			box-shadow: 0 0 0px 1000px white inset !important;
		}
		.input-group{
			position: relative;
		}
		.un{
			margin-bottom: 1px;
			border-bottom: 1px solid #d0d0d0;
		}
		.pw{
			input{
				padding-right: 80*@font-cale;
			}
		}
		.left-label{
			position: absolute;
			left: 0;
			top: 0;
			width: 80*@font-cale;
			height: 100%;
		}
		.right-label{
			position: absolute;
			right: 0;
			top: 0;
			width: 80*@font-cale;
			height: 100%;
		}
		.un-left-label{
			background: data-uri('../imgs/icon_login_username.png') no-repeat center center;
			background-size: 50%;
		}
		.pw-left-label{
			background: data-uri('../imgs/icon_login_password.png') no-repeat center center;
			background-size: 50%;
		}
		.pw-right-no-label{
			background: data-uri('../imgs/icon_login_password_hide.png') no-repeat center center;
			background-size: 50%;
		}
		.pw-right-label{
			background: data-uri('../imgs/icon_login_password_show.png') no-repeat center center;
			background-size: 50%;
		}

		//输入框有内容时的样式
		.has-input{
			color: #5f5f5f;
		}
		/*
			登录按钮
		*/
		.login-btn{
			width: 100%;
			height: 100*@font-cale;
			color: #fff;
			background-color: #4d90fe;
			text-align: center;
			font-size: 40*@font-cale;
			box-shadow: 0 1px 4px 0 #7D7D7D;
			margin-top: 200*@font-cale;
			border-radius: 3*@font-cale;
		}
		.binding{
			display: block;
			text-align: center;
			text-decoration: underline;
			color: #5f5f5f;
			margin-top: 60*@font-cale;
		}
	}
}